<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html class="x-admin-sm"
      xmlns:th="http://www.thymeleaf.org">
    
    <head>
        <meta charset="UTF-8">
        <title>权限列表</title>
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
        <link rel="stylesheet" href="/static/admin/x-admin/css/font.css">
        <link rel="stylesheet" href="/static/admin/x-admin/css/xadmin.css">
        <script th:src="@{/static/admin/x-admin/lib/layui/layui.js}" charset="utf-8"></script>
        <script type="text/javascript" th:src="@{/static/admin/x-admin/js/xadmin.js}"></script>
    </head>
    
    <body>
        <div class="x-nav">
            <span class="layui-breadcrumb">
                <a href="">首页</a>
                <a href="">演示</a>
                <a>
                    <cite>导航元素</cite></a>
            </span>
            <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" onclick="location.replace(location.href);" title="刷新">
                <i class="layui-icon layui-icon-refresh" style="line-height:30px"></i>
            </a>
            <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" href="/role/list?pageNum=1" title="返回">
                <i class="layui-icon layui-icon-left" style="line-height:30px"></i>
            </a>
        </div>
        <div class="layui-fluid">
            <div class="layui-row layui-col-space15">
                <div class="layui-col-md12">
                    <div class="layui-card">
                        <div class="layui-card-body ">
                            <form class="layui-form layui-col-space5">
<!--                                <div class="layui-input-inline layui-show-xs-block">-->
<!--                                    <input type="text" id="orderNum_s" name="orderNum_s" placeholder="请输入订单号" autocomplete="off" class="layui-input" th:value="${orderNum_s}"></div>-->
<!--                                <div class="layui-input-inline layui-show-xs-block">-->
<!--                                    <button class="layui-btn" onclick="query()">-->
<!--                                        <i class="layui-icon">&#xe615;</i></button>-->
<!--                                </div>-->
                            </form>
                        </div>
                        <div class="layui-card-header"></div>
                        <div class="layui-card-body ">
                            <div>分配权限：<span th:text="${role_db.roleName}"></span></div>
                            <table class="layui-table layui-form">
                                <thead>
                                    <tr>
                                        <th>启用/禁用</th>
                                        <th>权限名</th>
                                    </tr>
                                </thead>
                                <tbody>
                                <form action="#" th:action="@{/role-permission/FPPermission}" method="post">
                                    <input type="hidden" name="roleIdStr" th:value="${role_db.roleId}">
                                    <tr th:each="table_item:${pageInfo.list}">
                                        <td><input type="checkbox" name="permissionIdStrs"  th:value="${table_item.permissionId}"></td>
                                        <td th:text="${table_item.permissionName}"></td>
                                    </tr>
                                    <input name="" type="submit" class="btn" value="确认保存"/>
                                </form>
                                </tbody>
                            </table>
                        </div>
                        <div class="layui-card-body">
                            <div>
                                当前第 [[${pageInfo.pageNum}]]页，共 [[${pageInfo.pages}]] 页， 共 [[${pageInfo.total}]] 条记录
                            </div>

                            <table class="layui-table layui-form">
                                <button class="layui-btn layui-btn-xs">
                                    <a th:href="'/role-permission/FPPermissionUI?pageNum=1&roleId='+${role_db.roleId}">首页</a>
                                </button>
                                <button class="layui-btn layui-btn-xs" th:if="${pageInfo.hasPreviousPage}">
                                    <a th:href="'/role-permission/FPPermissionUI?pageNum='+${pageInfo.prePage}+'&roleId='+${role_db.roleId}">
                                        <i class="ace-icon fa fa-angle-double-left"></i>
                                    </a>
                                </button>
                                <!--遍历条数-->
                                <button class="layui-btn layui-btn-xs" th:each="nav:${pageInfo.navigatepageNums}">
                                    <a th:href="'/role-permission/FPPermissionUI?pageNum='+${nav}+'&roleId='+${role_db.roleId}" th:text="${nav}" th:if="${nav != pageInfo.pageNum}"></a>
                                    <span style="font-weight: bold;background: #6faed9;" th:if="${nav == pageInfo.pageNum}" th:text="${nav}" ></span>
                                </button>

                                <button class="layui-btn layui-btn-xs" th:if="${pageInfo.hasNextPage}">
                                    <a th:href="'/role-permission/FPPermissionUI?pageNum='+${pageInfo.nextPage}+'&roleId='+${role_db.roleId}">
                                        <i class="ace-icon fa fa-angle-double-right"></i>
                                    </a>
                                </button>
                                <button class="layui-btn layui-btn-xs">
                                    <a th:href="'/role-permission/FPPermissionUI?pageNum='+${pageInfo.pages}+'&roleId='+${role_db.roleId}">尾页</a>
                                </button>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </body>
    <script>layui.use(['laydate', 'form'],
        function() {
            var laydate = layui.laydate;

            //执行一个laydate实例
            laydate.render({
                elem: '#start' //指定元素
            });

            //执行一个laydate实例
            laydate.render({
                elem: '#end' //指定元素
            });
        });



        function delAll(argument) {

            var data = tableCheck.getData();

            layer.confirm('确认要删除吗？' + data,
            function(index) {
                //捉到所有被选中的，发异步进行删除
                layer.msg('删除成功', {
                    icon: 1
                });
                $(".layui-form-checked").not('.header').parents('tr').remove();
            });
        }</script>

</html>